define(['jquery'], function () {
    require(['template','cookie'], (template) => {
        class Header {
            constructor() {
                this.init().then(() => {
                    this.search()
                    this. loginChengGong()
                })
            }
            init() {
                return new Promise(resolve => {
                    $('.header').load('/html/modules/header.html' , resolve)
                })
                
            }
            search() {
                $('.txt').on('keyup', function () {
                    const wd = $(this).val(); // 去首尾空格
                    if (wd) { // 当输入框中有内容时，请求
                        $.getJSON('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=?', { wd }, resp => {
                            const data = resp.s;    // 请求的数据列表
                            let liNodes = "";       // 生成的li节点

                            // 依据请求的数据，动态生成li节点
                            for (let i = 0; i < data.length; i++) {
                                liNodes += `<li>${data[i]}</li>`;
                            }
                            // 将当前liNodes插入展示台中，并且展示
                            $("#search-ul").html(liNodes).css({ display: "block" });
                        })
                    } else {    // 输入框中没有内容，影藏展示台
                        $("#search-ul").css({ display: "none" });
                    }
                })
                $('#search-ul').on('mousedown','li',function(e){
                    $('.txt').val($(this).text())
                    $("#search-ul").css({ display: "none" });
                })
                $('.txt').on('blur',function(){
                    $("#search-ul").css({ display: "none" });
                })
            }

            // 登陆成功显示在顶部
            loginChengGong(){
                if ($.cookie('user')) {
                    let userphone = JSON.parse($.cookie('user'))[0].userphone1
                    $('#userphone666').html(userphone)
                    $('#userphone-show').css('display','block')
                    $('#login-before').css('display','none')
                
                }
                $('#quit').on('click', function () {
                    // 退出登录设置cookie的时间为过去的时间
                    $.cookie('user',"",{
                        expires: -1, path: '/'
                    })
                    $('#userphone-show').css('display','none')
                    $('#login-before').css('display','block')
                })
            }
            
        }
        return new Header()
    })
});
